import React from 'react';
import { TouchableWithoutFeedback, View, Text } from 'react-native';
import { styles } from './styles';

export const Box = (props) => (
  <TouchableWithoutFeedback
    onPress={() => props.onPress(props.lineIndex, props.itemIndex)}
   >
    <View style={styles.box}>
      <Text style={styles.text}>{props.value}</Text>
    </View>
  </TouchableWithoutFeedback>
);